.css file<link> in a html file to call css file <link rel="stylesheet" href="./css/style.css">
.css filecss part into <style> in a html file
<style>
h1 {
color: rebeccapurple;
}
</style>
style property within that element <h1 style="color: red;">Hello World</h1>
Example
In .html file
<div class="container">
<div class="box1">
<h1 style="color: red;">Hello World</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias hic eaque dolores labore laboriosam cupiditate dolorum ab exercitationem eius, consequuntur, corporis vel aspernatur quidem obcaecati at modi dicta repudiandae illum quae totam libero, ducimus est nulla dolor? Doloremque vel natus suscipit laborum assumenda ab corrupti. Ratione vero in quo quibusdam est animi error eos deserunt illum atque laboriosam nesciunt, voluptatum, dicta nam optio saepe aperiam cupiditate beatae cum et? Unde, commodi aperiam vitae illum illo est et sunt consequatur? Illum ad sed, fugit sequi tempore quaerat eligendi laudantium amet perspiciatis corporis illo. Consectetur fugiat beatae officia, sunt at magnam saepe?</p>
</div>
</div>
In .css file
.box1 {
background-color: antiquewhite;
color: royalblue;
}
.container{
width: 80%;
margin: auto;
}